<!DOCTYPE html>
<html>
<head>
    <title>客户信息</title>
    <#include "/header.html">
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.core.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.exhide.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/fuzzysearch.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
    <style>
        /*
        .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
            white-space: pre-wrap;
        }

        .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
            height: auto;
        }*/
    </style>

</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="col-sm-1" style="padding-left:5px;padding-right:5px;">
                <select v-model="q.key" class="form-control" name="selQueryKey" id="selQueryKey">
                    <option value="">查询条件</option>
                    <option :value="list.code" v-for="(list,index) in searchKeyDictInfo" :key="index">{{ list.value }}</option>
                </select>
            </div>
            <div class="col-sm-2"  style="padding-left:5px;padding-right:0px;">
                <input type="text" class="form-control" v-model="q.value" @keyup.enter="query" placeholder="输入查询内容">
                <a id="inputClear" class="glyphicon glyphicon-remove btn form-control-feedback" style="pointer-events: auto;"></a>
            </div>
            <a class="btn btn-primary" @click="query" style="margin-left:10px;"><i class="fa fa-search"></i>&nbsp;查询</a>

            <a class="btn btn-primary" @click="outxls"><i class="fa fa-download"></i>&nbsp;导出</a>


        </div>

<table id="jqGrid"></table>
<div id="jqGridPager"></div>

    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">表卡编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientId" placeholder="表卡编号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">客户名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientName" placeholder="客户名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">性别</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientSex" placeholder="性别"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">年龄</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientAge" placeholder="年龄"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">身份证号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientIdCard" placeholder="身份证号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">小区名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.proName" placeholder="小区名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">楼号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.buildNum" placeholder="楼号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">单元</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.unitNum" placeholder="单元"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">门牌号码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.houseNum" placeholder="门牌号码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">小区名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.memo1" placeholder="小区名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">备注2</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.memo2" placeholder="备注2"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">备注3</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.memo3" placeholder="备注3"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">二维码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.qrcode" placeholder="二维码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">账本</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.accountNo" placeholder="账本"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">检索号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.searchNo" placeholder="检索号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">电话</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.phone" placeholder="电话"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">表号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.meterCode" placeholder="表号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">封号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.stampCode" placeholder="封号"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">口径</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.calibre" placeholder="口径"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">用户性质</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.clientType" placeholder="用户性质"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">设备代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.deviceCode" placeholder="设备代码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">小楼号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.buildingNo" placeholder="小楼号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">楼层</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.floorNo" placeholder="楼层"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">其他码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tClientInfo.otherNo" placeholder="其他码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

<div id="clientInfoLayer" style="display: none;padding:10px;">
    <div class="tabbable"> <!-- Only required for left/right tabs -->
        <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">客户主要信息</a></li>
            <li><a href="#tab2" data-toggle="tab">二级管理信息</a></li>
            <li><a href="#tab3" data-toggle="tab">设备相关信息</a></li>
            <li><a href="#tab4" data-toggle="tab">其他附加信息</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">小区名称</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.memo1" placeholder="小区名称" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">公安地址</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.proName" placeholder="公安地址"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">楼号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.buildNum" placeholder="楼号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">单元</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.unitNum" placeholder="单元"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">门牌号码</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.houseNum" placeholder="门牌号码"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">小楼号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.buildingNo" placeholder="小楼号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">楼层</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.floorNo" placeholder="楼层"/>
                        </div>
                    </div>

                </form>
            </div>
            <div class="tab-pane" id="tab2">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表卡编号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.clientId" placeholder="表卡编号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">客户名称</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.clientName" placeholder="客户名称"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表盘号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.meterCode" placeholder="表盘号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表封号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.stampCode" placeholder="表封号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">口径</div>
                        <div class="col-sm-10">
                            <select v-model="tClientInfo.calibre" class="form-control" name="selDevicecalibre" id="selDevicecalibre">
                                <option value="">选择水表口径</option>
                                <option :value="list.code" v-for="(list,index) in clientCalibre" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">安装日期</div>
                        <div class="col-sm-10">
                            <div class='input-group date' >
                                <input id='datetimepicker1' type="text" class="form-control" v-model="tClientInfo.desc1" placeholder="安装日期"/>
                                <span class="input-group-addon">
                                     <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">使用性质</div>
                        <div class="col-sm-10">
                            <select v-model="tClientInfo.desc2" class="form-control" name="selDeviceMode" id="selDeviceMode">
                                <option value="">选择使用性质</option>
                                <option :value="list.code" v-for="(list,index) in clientUseInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">换表时指针数</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc3" placeholder="换表时指针数"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab3">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">设备号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.deviceId" placeholder="设备号" readonly/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">IMEI</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.clientIdCard" placeholder="IMEI"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">SIM卡号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc16" placeholder="SIM卡号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">水表类型</div>
                        <div class="col-sm-10">
                            <select v-model="tClientInfo.desc4" class="form-control" name="selMeterType" id="selMeterType">
                                <option value="">选择水表类型</option>
                                <option :value="list.code" v-for="(list,index) in clientMeterTypeInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">安装位置</div>
                        <div class="col-sm-10">
                            <select v-model="tClientInfo.desc5" class="form-control" name="selMeterFixAddr" id="selMeterFixAddr">
                                <option value="">选择安装位置</option>
                                <option :value="list.code" v-for="(list,index) in clientFixAddrInfo" :key="index">{{ list.value }}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">质保开始日期</div>
                        <div class="col-sm-10">
                            <div class='input-group date' >
                                <input id='datetimepicker2' type="text" class="form-control" v-model="tClientInfo.desc6" placeholder="质保开始日期"/>
                                <span class="input-group-addon">
                                     <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">现场记录</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc7" placeholder="现场记录"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">主机通道</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="clientDeviceInfo.masterNum" placeholder="主机通道"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">二管号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="clientDeviceInfo.slaveNum" placeholder="二管号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">采集板号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="clientDeviceInfo.cardNum" placeholder="采集板号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">通道号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="clientDeviceInfo.routeNum" placeholder="通道号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">表号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="clientDeviceInfo.meterNum" placeholder="表号"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane" id="tab4">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注2</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.memo2" placeholder="备注2"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注3</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.memo3" placeholder="备注3"/>
                        </div>
                    </div>
                    <!--
                    <div class="form-group">
                        <div class="col-sm-2 control-label">二维码</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.qrcode" placeholder="二维码"/>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">账本</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.accountNo" placeholder="账本"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">电话</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.phone" placeholder="电话"/>
                        </div>
                    </div>
                    <!--
                    <div class="form-group">
                        <div class="col-sm-2 control-label">其他码</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.otherNo" placeholder="其他码"/>
                        </div>
                    </div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">出账</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc8" placeholder="出账"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">维护人员</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc9" placeholder="维护人员"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">维护人员电话</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="tClientInfo.desc10" placeholder="维护人员电话"/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
<script src="${request.contextPath}/statics/js/modules/waterself/tclientinfosubself.js?_${.now?long}"></script>
</body>
</html>


